<template>
  <div id="body">
    <div id="header">
      <div class="back">
        <van-icon name="arrow-left" @click="handleBackPage"/>
      </div>
      <div class="title">我的商城</div>
      <div class="back">
        <van-icon name="cart-o" @click="handleHome('/shopping')"/>
        <van-icon name="wap-home-o" @click="handleHome('/home')"/>
      </div>
    </div>
    <div id="main">
      <div id="totalProduct">
        <div class="title">
          <div class="totalOrder">全部订单</div>
          <div class="showAllOrders">
            查看全部订单<i class="iconfont icon-xiangyou1"></i>
          </div>
        </div>
        <div class="sorts">
          <p>
            <img
              src="https://mfs.ys7.com/mall/dd77c1d93c74bead8551bf4ef033eb60.png?"
              alt=""
            />
            <span>待付款</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/8e002b7277be2ccd5b8548bc38568617.png?"
              alt=""
            />
            <span>待发货</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/58d5e8ea86796d27eadfe8cf86633846.png?"
              alt=""
            />
            <span>待收货</span>
          </p>
          <p>
            <img
              src="	https://mfs.ys7.com/mall/eb1e9ff5c3c1331390cbafdfe3686d9c.png"
              alt=""
            />
            <span>待评价</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/e56c6a20aedcf4c0f156101ea8fd0e74.png?"
              alt=""
            />
            <span>退款售后</span>
          </p>
        </div>
      </div>
      <div id="totalProduct">
        <div class="title">
          <div class="totalOrder">我的资产</div>
        </div>
        <div class="myMoney">
          <div class="conetnt">
            <img
              src="https://mfs.ys7.com/mall/32b492132a5c2dfde18abeac3bea55e6.png?"
              alt=""
            />
            <div>
              <p><span>0</span>张</p>
              <span>优惠券</span>
            </div>
          </div>
          <div class="conetnt">
            <img
              src="https://mfs.ys7.com/mall/08df263a8d82725cee8d486194c1c8d1.png?"
              alt=""
            />
            <div>
              <p><span>0</span></p>
              <span>萤元</span>
            </div>
          </div>
        </div>
      </div>
      <div id="totalProduct">
        <div class="title">
          <div class="totalOrder">我的服务</div>
        </div>
        <div class="myServe">
          <p>
            <img
              src="https://mfs.ys7.com/mall/5aaa008d59929bd61d36e98605d67966.png?"
              alt=""
            />
            <span>我的砍价</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/f6da62fadd882e1acb8a4680038c21ec.png?"
              alt=""
            />
            <span>我的预约</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/c66f281d38ff6683b415420cabeb3369.png?"
              alt=""
            />
            <span>维修设备</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/9fd74b86ff20108e8fbe984a410b2a39.png?"
              alt=""
            />
            <span>游客订单</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/696c57dcad6dd7166f43e7fe2f7363f3.png?"
              alt=""
            />
            <span>评价晒单</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/c96378c6b04f2b4b623397d3c53ab0ea.png?"
              alt=""
            />
            <span>服务单</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/53a8f9e042cdc086fe11135b523bc7ee.png?"
              alt=""
            />
            <span>我的项目</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/f0cb2b2635cbaf6ba884fda875a2d848.png?"
              alt=""
            />
            <span>延保服务</span>
          </p>
          <p>
            <img
              src="https://mfs.ys7.com/mall/66e5c8074c1e53f16d22f91e97921c0d.png?"
              alt=""
            />
            <span>全屋智能</span>
          </p>
        </div>
      </div>
      <div id="link">
        <div class="top">
          <span>{{username}}</span>
          <span @click="handleExit">退出</span>
          <span>注销账号</span>
        </div>
        <h1>©2013-现在 萤石ys7.com 版权所有</h1>
        <div class="bottom">
          <span>浙ICP备16009593号-8</span>
          <span>营业执照</span>
          <span>使用条款</span>
          <span>隐私政策</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {mapState,mapMutations} from 'vue-router'
export default {
    data(){
      return {
        username:''
      }
    },
    methods: {
      handleExit() {
        this.$store.commit('huang/userObjMut',null);
        sessionStorage.removeItem("userinfo");
        sessionStorage.removeItem("token");
        this.$store.commit('huang/cartGoodsMut',null);
        this.$router.push('/home')
      },
      handleHome(path){
              this.$router.push(path);
          }
    },
    created(){
      if(sessionStorage.userinfo){
        this.username = JSON.parse(sessionStorage.userinfo).username;
      }
    }
};
</script>

<style src="../assets/css/personal.css" scoped></style>